body {
	background-color: #fff;
	font-family: Helvetica, Arial
}

a:link, a:visited { text-decoration: none; color: #03a; }
a:hover, a:active { text-decoration: underline; }

h1 { font-size: 1.2em; margin: 5px 15px; }
h2 { margin: .4em 0; padding: 0; font-size: 1.1em; }

#container { margin: auto 10%; }

.box { 
	font-size: .9em;
	width: 21.25%;
	height: 120px;
	border: solid 2px #ccc;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #dedede));
	-webkit-border-radius: 5px;
	float: left;
	margin: 0 0 10px 1.5%;
	padding: 7px;
	overflow: hidden;
}
.box:hover { border-color: #555; }

.box a.link { max-height: 65px; overflow: hidden; display: block; }
.box p.lastupdate { font-size: 70%;	display: inline; padding: 0; margin: 0; }
.box p.lastupdate span { color: #888; }
.box .box-content { height: 100%; min-height: 100%; }
.box .box-footer { margin-top: -48px; height: 48px; }
.box div.tags { font-size: .7em; margin-top: 20px; }
.box div.as-control { height: 33px; overflow: auto; margin-top: 0; }
.box div.tags input { background-color: transparent; border: none; font-size: 1em; padding-left: 3px; width: 60%; border-bottom: #555 1px dotted;  }
.box div.tags.as-control input { width: 25px; padding-left: 0; }
.box div.tags.as-control span.taglabel { float: left; line-height: 3.35em; }
.box a.markread { display: inline; z-index: 500; margin-top: 5px; }
.box div.as-control a.markread { margin-top: 25px; }
.box span.domain { color: #aaa; font-size: 75%; width: 100%; white-space: nowrap; }
.box img.favicon { width: 16px; height: 16px; padding-right: 5px; }

div.state1 span.read { font-family: Courier New; font-size: 1.0em; color: #f00; border: dashed 3px #f00; padding: 2px; -webkit-transform: rotate(-25deg); margin-left: 5px; }
div.state1 div.as-control span.read { margin-top: 15px; }

ul.as-selections li.as-selection-item {
	color: #2b3840;
	background-color: #eee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9d9d9), to(#bbb));
}

ul.as-selections li.as-selection-item.blur {
	color: #2b3840;
	background-color: #eee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9d9d9), to(#bbb));
}

ul.as-selections li:hover.as-selection-item {
	color: #666666;
	background-color: #ddeefe;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0E68C), to(#F3E88E));
	border-color: #000;
}

#footer { clear: both; font-size: 80%; text-align: center; padding-bottom: 30px; display: none; }
#footer a { text-decoration: none; color: #00f; }
#footer p { margin: .4em; }

#ril { font-size: 60%; }
#ril a { color: #00f; text-decoration: none; }

#credits { font-size: 75%; float: right; margin: 0; }
#dev a { color: #000; }
#options { padding-left: 15px; }

.options div { clear: both; }
.options label { display: block; float: left; width: 200px; clear: left; }
.options a { display: block; float: left; margin-right: 5px; }
.options input, .options select { display: inline; }

#addlinks { float: left; }

div#leftside { display: none; position: absolute; left: 0; top: 45px; width: 10%; }
div#leftside div { background-color: #dedede; border: solid 1px #aaa; border-left: none; padding: 3px; margin-bottom: 5px; width: 95%; -webkit-border-radius: 0px 5px 5px 0px; font-size: 70%; text-align: center; position: relative; }
div#leftside h3 { -webkit-transform: rotate(-45deg); font-size: 1.3em; color: #888; margin: 0; padding: 0; text-align: left; position: absolute; bottom: 7px; right: 0;}
div#leftside p { text-align: left; margin: 0; }

div#leftside div#tagsbox { background-color: #feb; display: none; }
#tags { font-size: 1.2em; padding: 0px 0px 0px 20px; text-align: left; list-style-type: square; }

#searchbox, #sortby{ width: 100%; }
#searchbox.search-def { color: #aaa; font-style: italic; }

div#leftside #newtheme { background-color: #faa; }

#addnew { 
	background-color: #f4f5bc; 
	border: solid 1px #aaa;
	border-left: none; 
	font-size: 80%; 
	padding: 5px;
	position: absolute; 
	bottom: 30px; 
	left: 0px; 
	z-index: 600;
	min-width: 300px;
	display: none;
}
#hidedelay { float: right; font-size: 80%; color: #999; }	

.ui-widget, .ui-dialog { font-size: 80%; }